<template>
  <div class="app">
  <xtx-short-cut></xtx-short-cut>
  <xtx-header-nav></xtx-header-nav>
  <xtx-banner></xtx-banner>
  <xtx-new-goods></xtx-new-goods>
  <xtx-hot-brand></xtx-hot-brand>
  <xtx-topic></xtx-topic>
  <xtx-footer></xtx-footer>
  </div>
</template>

<script>
import XtxBanner from './compoents/XtxBanner.vue'
import XtxFooter from './compoents/XtxFooter.vue'
import XtxHeaderNav from './compoents/XtxHeaderNav.vue'
import XtxHotBrand from './compoents/XtxHotBrand.vue'
import XtxNewGoods from './compoents/XtxNewGoods.vue'
import XtxShortCut from './compoents/XtxShortCut.vue'
import XtxTopic from './compoents/XtxTopic.vue'
export default {
  components: { XtxShortCut, XtxHeaderNav, XtxBanner, XtxNewGoods, XtxHotBrand, XtxTopic, XtxFooter },

}
</script>

<style>

</style>